<#include "/admin_common/_layout.html" />


<@layout>
  <!-- content start -->
<form action="/admin/savecontent" method="POST">
<div class="admin-content">

  <div class="am-cf am-padding">
    <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">发表文章</strong> / <small>Add article</small></div>
  </div>
  

	<div class="am-cf am-padding">
    	<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg"></strong>  <small>${titleMsg!}</small></div>
	</div>




  <div class="am-tabs am-margin" data-am-tabs> 
    <ul class="am-tabs-nav am-nav am-nav-tabs">
      <li class="am-active"><a href="#tab1">基本信息</a></li>
      <li><a href="#tab2">详细描述</a></li>
      <li><a href="#tab3">SEO 选项</a></li>
    </ul>
    
    

    <div class="am-tabs-bd">
      <div class="am-tab-panel am-fade am-in am-active" id="tab1">
        <div class="am-g am-margin-top">
          <div class="am-u-sm-4 am-u-md-2 am-text-right">所属类别</div>
          <div class="am-u-sm-8 am-u-md-10">
            <!--<select data-am-selected="{btnSize: 'sm'}">-->
            <select name="content.cname">
            <#list categorylist as x>  
              <option value="${x.name}">${x.name}</option>
            </#list>
            </select>
          </div>
        </div>

        <div class="am-g am-margin-top">
          <div class="am-u-sm-4 am-u-md-2 am-text-right">显示状态</div>
          <div class="am-u-sm-8 am-u-md-10">
            <div class="am-btn-group" data-am-button>
              <label class="am-btn am-btn-default am-btn-xs am-active">
                <input type="radio" name="content.status" id="option1" value="1" checked> 正常显示
              </label>
              <label class="am-btn am-btn-default am-btn-xs">
                <input type="radio" name="content.status" id="option2" value="0"> 草稿
              </label>
            </div>
          </div>
        </div>

        <div class="am-g am-margin-top">
          <div class="am-u-sm-4 am-u-md-2 am-text-right">推荐类型</div>
          <div class="am-u-sm-8 am-u-md-10">
            <div class="am-btn-group" data-am-button>

              <label class="am-btn am-btn-default am-btn-xs ">
                <input type="radio" name="content.top" id="option1" value="1" > 置顶
              </label>
              <label class="am-btn am-btn-default am-btn-xs am-active">
                <input type="radio" name="content.top" id="option2" value="0" checked> 取消置顶
              </label>
              
            </div>
          </div>
        </div>



        <div class="am-g am-margin-top">
          <div class="am-u-sm-4 am-u-md-2 am-text-right">
            当前时间
          </div>
          <div class="am-u-sm-8 am-u-md-10">
            <div action="" class="am-form am-form-inline">
              <div class="am-form-group am-form-icon">
                <i class="am-icon-calendar"></i>
                <input type="text" class="am-form-field am-input-sm" placeholder="时间" value="${time}" readonly="readonly" name="content.datetime">
              </div>
            </div>
          </div>
        </div>
        
     
    <div class="am-g am-margin-top">
    	<div class="am-u-sm-4 am-u-md-2 am-text-right">封面上传</div>
    	<div class="am-u-sm-8 am-u-md-10">
    	<div action="" class="am-form am-form-inline">
    		<!-- 上传图片 -->
    		<div class="am-u-sm-8 am-u-md-4">
    			<input type="file" name="image" id="imageFile">
    		</div>
    		<div class="am-u-sm-8 am-u-md-4">
    			<button id="upload" onclick="return false;">上传</button>
    		</div>
    		<!-- 存储图片地址，并显示图片 -->
    		<input type="hidden" name="pictureSrc" id="pictureSrc">
    		<div id="show"></div>
    		<div class="am-u-sm-8 am-u-md-4" style="display:none">
            	<input type="text" class="am-input-sm" placeholder="图片地址" id="imgsrc" readonly="readonly" name="content.picsrc">
            </div>
        </div>
    	</div>
    </div>
    
    <div class="am-g am-margin-top">
    	<div class="am-u-sm-4 am-u-md-2 am-text-right">图片地址</div>
    	<div class="am-u-sm-8 am-u-md-10">
    	<div action="" class="am-form am-form-inline">
    		<label id="imgs">。。。。。。</label>
    	</div>
    	</div>
    </div>

      </div>

      <div class="am-tab-panel am-fade" id="tab2">
        <div class="am-form">
          <div class="am-g am-margin-top">
            <div class="am-u-sm-4 am-u-md-2 am-text-right">
              文章标题
            </div>
            <div class="am-u-sm-8 am-u-md-4">
              <input type="text" class="am-input-sm" placeholder="添加标题" style="font-weight:bold" name="content.title">
            </div>
            <div class="am-hide-sm-only am-u-md-6">*必填，不可重复</div>
          </div>

          <div class="am-g am-margin-top" style="display:none">
            <div class="am-u-sm-4 am-u-md-2 am-text-right">
              文章作者
            </div>
            <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
              <input type="text" class="am-input-sm">
            </div>
          </div>

          <div class="am-g am-margin-top" style="display:none">
            <div class="am-u-sm-4 am-u-md-2 am-text-right">
              信息来源
            </div>
            <div class="am-u-sm-8 am-u-md-4">
              <input type="text" class="am-input-sm">
            </div>
            <div class="am-hide-sm-only am-u-md-6">选填</div>
          </div>

          <div class="am-g am-margin-top" style="display:none">
            <div class="am-u-sm-4 am-u-md-2 am-text-right">
              内容摘要
            </div>
            <div class="am-u-sm-8 am-u-md-4">
              <input type="text" class="am-input-sm">
            </div>
            <div class="am-u-sm-12 am-u-md-6">不填写则自动截取内容前255字符</div>
          </div>

          <div class="am-g am-margin-top-sm">
            <div class="am-u-sm-12 am-u-md-2 am-text-right admin-form-text">
              内容描述
            </div>
            <div class="am-u-sm-12 am-u-md-10">
              <textarea rows="10" placeholder="输入内容（必填）" name="content.content"></textarea>
            </div>
          </div>

        </div>
      </div>

      <div class="am-tab-panel am-fade" id="tab3">
        <div class="am-form">
          <div class="am-g am-margin-top-sm">
            <div class="am-u-sm-4 am-u-md-2 am-text-right">
              SEO 标题
            </div>
            <div class="am-u-sm-8 am-u-md-4 am-u-end">
              <input type="text" class="am-input-sm" name="content.seotitle">
            </div>
          </div>

          <div class="am-g am-margin-top-sm">
            <div class="am-u-sm-4 am-u-md-2 am-text-right">
              SEO 关键字
            </div>
            <div class="am-u-sm-8 am-u-md-4 am-u-end">
              <input type="text" class="am-input-sm" name="content.seokey">
            </div>
          </div>

          <div class="am-g am-margin-top-sm">
            <div class="am-u-sm-4 am-u-md-2 am-text-right">
              SEO 描述
            </div>
            <div class="am-u-sm-8 am-u-md-4 am-u-end">
              <textarea rows="4" name="content.seocontent"></textarea>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

  <div class="am-margin">
    <input type="submit" class="am-btn am-btn-primary am-btn-xs" value="提交保存">
    <button type="button" class="am-btn am-btn-primary am-btn-xs" style="display:none">放弃保存</button>
  </div>
  
  
  
  
  
</div>


</form>
<!-- content end -->

</div>






<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

<footer>
  <hr>
  <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/js/amazeui.min.js"></script>
<script src="/js/app.js"></script>
<script src="/js/ajaxfileupload.js"></script>
<script src="/js/upload.js"></script>
</body>
</html>



</@layout>
